/*
	Tabellen
*/
table {
	padding: 0px;
	margin: 10px auto;
	border-spacing: 0px;
}
td, th {	overflow: hidden;}

/* De hoogte van de rijen opgeven */
tr.klein {		height: 25px; font-size: 12px;}
tr.normaal {	height: 28px; font-size: 12px;}
tr.groot {		height: 40px;}
/*tr:hover td {	border-top: 1px solid #333 !important; border-bottom: 1px solid #111 !important;}*/

/* De eerste rij van de tbody heeft geen border-top */
tr.first_content_row td {	border-top: none !important;}

/* Hoe wil je de tekst cecentreerd hebben in de tabellen */
table.left_align td {					text-align: left;}
	td.left_align, th.left_align {		text-align: left !important;}
table.center_align td {					text-align: center;}
	td.center_align, th.center_align {	text-align: center !important;}
table.right_align td {					text-align: right;}
	td.right_align, th.right_align  {	text-align: right !important;}

/* Accentueer een stukje tekst in een tabelcel (soort subheader) */
td.accentueer {	font-weight: bold;}
	
/*TODO*/
table.met_achtergrond { /* fallback */
	background-color: #413c38;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#413c38),
		to(#36322F) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #413c38, #36322F);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #413c38, #36322F);
	/* IE 10 */
	background: -ms-linear-gradient(top, #413c38, #36322F);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #413c38, #36322F);
	border: 1px solid #514b47;
	padding: 10px;
}

/* Als er vooral tekst in de tabellen staat is het wel netjes om een padding toe te voegen */
table.met_padding td, td.met_padding {	padding: 0px 10px;}
td.geen_padding {						padding: 0px;}

/* tabel met left_align */
table.left_align td, td.left_align {	text-align: left;}

/* Voor een tabel waar je allerlei gegevens in moet vullen die je kan je submitten */
table.submit {}
table.submit td {
	padding: 0px 5px;
}



table.met_border td {
	/*border-bottom: 1px solid #2b2825;
	border-top: 1px solid #413c38;*/
	text-align: center;
}
table.met_border td.rowspan_top_row {		border-bottom: none !important;}
table.met_border td.rowspan_bottom_row {	border-top: none !important;}


/*
 * Aanpassing op de tekst invoer als deze zich bevinden in een tabel met achtergrond
 */
/*
table.met_achtergrond input[type="text"],table.met_achtergrond input[type="password"] {
	background: white;
}
*/

/*
 *	table met border
*/
table.met_border {
	/*border-top: 2px solid #b3b3a7;
	border-bottom: 2px solid #b3b3a7;*/
	/*border-left: 2px solid #c6c6bd;*/
	box-shadow:  2px 2px 12px 0px #aaa;
}

table.met_border th {
	border-bottom: 2px double #b3b3a7 !important;
}

table.met_border tr:first-child td {
	border-top: none;
}

table.met_border td, table.met_border th {
	/*border-left: 1px dotted #4c4642;*/
	border-left: 1px dotted #c1c1b8;
	border-bottom: 1px solid #c1c1b8;
	border-top: 1px solid #ffffff;
	/*text-align: center;*/
	/*overflow: hidden;*/
}

table.met_border th:first-child {
	border-left: none;
}

table.met_border td:first-child {
	border-left: none;
}

/*
 * Cellen met afwijkende borders
 */
td.zonder_border,th.zonder_border {
	border: none !important;
}
td.top_border,th.top_border {
	/*border-top: 1px dotted #776f68 !important;*/
	border-top: 1px solid #ffffff !important;
	text-align: center !important;
}
td.bottom_border,th.bottom_border {
	/*border-bottom: 1px dotted #776f68 !important;*/
	border-bottom: 1px solid #c1c1b8 !important;
	text-align: center !important;
}

/* Deze is om de td:first-child te overrullen in verband met rowspan */
td.left_border,th.left_border {
	border-left: 1px dotted #c1c1b8 !important;
	text-align: center !important;
}


/*
 * De tabel met statistieken
 */
table.statistieken {
	margin: 0px auto 25px auto;
} 
td.beste {
	font-weight: bold;
	text-decoration: underline;
}
/*
 * tabel voor de instellingen/selecties
 */
table.selecties {
	
}

table.selecties td {
	vertical-align: baseline;
	text-align: left;
}

table.selecties td:first-child {
	padding: 0px 15px 10px 0px;
	text-align: right;
}

table.met_border td.tussendeel { /*background-color: #36322F;*/
	background-color: #36322F;
	border-top: none;
	border-bottom: none;
}

table.met_border th.tussendeel {
	border-bottom: none;
	background-color: #36322F;
}

/*
 * Afmelden tabel
 */
td.aanwezig, div.aanwezig {		background-image: url('/images/style3/icons/men_icons/ic_menu_tick.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center;}	/*td.aanwezig {		background-image: url('/images/icons/groen_rondje.png');		background-repeat: no-repeat;	background-position: center center;}*/
	td.aanwezig.selecteerbaar:hover, div.aanwezig.selecteerbaar:hover {		background-image: url('/images/style3/icons/men_icons/ic_menu_tick_selected.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
td.aanwezig_en_info {		background-image: url('/images/style/icons/groen_vinkje_en_info.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center;}	/*td.aanwezig {		background-image: url('/images/icons/groen_rondje.png');		background-repeat: no-repeat;	background-position: center center;}*/
	td.aanwezig_en_info.selecteerbaar:hover {		background-image: url('/images/style/icons/groen_vinkje_en_info_selected.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
td.onbekend, div.onbekend {		background-image: url('/images/style3/icons/men_icons/ic_menu_question_mark.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center;}	/*td.onbekend {		background-image: url('/images/icons/klein_groen_rondje.png');	background-repeat: no-repeat;	background-position: center center;}*/
	td.onbekend.selecteerbaar:hover, div.onbekend.selecteerbaar:hover {		background-image: url('/images/style3/icons/men_icons/ic_menu_question_mark_selected.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
td.afwezig {		background-image: url('/images/style/icons/kruis.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center;}	/*td.afwezig {		background-image: url('/images/icons/rood_rondje.png');			background-repeat: no-repeat;	background-position: center center;}*/
	td.afwezig.selecteerbaar:hover {		background-image: url('/images/style/icons/kruis_selected.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
td.afwezig_en_info {		background-image: url('/images/style/icons/kruis_en_info.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center;}	/*td.afwezig {		background-image: url('/images/icons/rood_rondje.png');			background-repeat: no-repeat;	background-position: center center;}*/
	td.afwezig_en_info.selecteerbaar:hover {		background-image: url('/images/style/icons/kruis_en_info_selected.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center center; cursor: pointer;}
/*
td.aanwezig div.geselecteerd {background: url('/images/style/icons/groen_rondje_selected.png') no-repeat center center;}
td.onbekend div.geselecteerd {background: url('/images/style/icons/klein_groen_rondje_selected.png') no-repeat center center;}
td.afwezig div.geselecteerd {background: url('/images/style/icons/rood_rondje_selected.png') no-repeat center center;}
*/

/*
 * Voor de tabellen met wedstrijdgegevens
 */
td.verregend {	background: url('/images/style/icons/verregend.png') no-repeat center center;}
td.cancel {		background: url('/images/style/icons/cancel.png') no-repeat center center;}
/*td.information, th.information {	background: url('/images/style3/icons/Alex Thorpe Icon Pack/22x22/lichter/info-2.png') no-repeat center center;}*/
td.information, th.information {	background: url('/images/style3/icons/mijn_icons/20x20/info.png') no-repeat center center;}
td.alert, th.alert {				background: url('/images/style3/icons/mijn_icons/20x20/let_op.png') no-repeat center center;}
/* Hieronder de  styles om de verzameltijd weer te geven bij de info kolom */
/*td.clock {		background: url('/images/style/icons/clock.png') no-repeat center center;}
td.information.clock {
	background: url('/images/style/icons/clock_small.png') no-repeat bottom right,
				url('/images/style/icons/informatie.png') no-repeat center center;
}
td.alert.clock {
	background: url('/images/style/icons/clock_small.png') no-repeat bottom right,
				url('/images/style/icons/let_op.png') no-repeat center center;
}
*/
/* Hoe de verzameltijd weer te geven in de tooltip */
/*div.verzamelen_om {}*/				/* De verzamelen om span zonder dat er informatie tekst op volgd */
/*div.verzamelen_om_en_information {*/	/* De verzamelen om span waar wel informatie tekst op volgd */
	/*background-color: #59524B;
	border-bottom: 1px solid #423c37;
	margin-left: -8px;
	margin-top: -5px;
	padding-left: 8px;
	padding-top: 3px;
	width: 275px;
}
span.verzamelen_om_tijd {*/			/* De span waar enkel de tijd in staat, zodat deze geaccentueerd kan worden */
	/*font-weight: bold;
}*/
/*hoe de verzameltijd weer te geven in de tijd kolom */
div.starttijd {
	/*position: relative;
	top: 0px;
	left: 0px;*/
	height: 15px;
	overflow: hidden;
	line-height: 1em;
}
div.verzameltijd {
	/*position: relative;
	top: 0px;
	left: 12px;*/
	/*width: 55px;*/
	margin-left: 10px;
	padding-right: 3px;
	height: 10px;
	background: url('/images/style3/icons/car.png') no-repeat left bottom;
	color: #b7b700;
	font-size: 10px;
	line-height: 1em;
	text-align: right;
}


/*
 * Test voor de toernooien
 */
td.toernooi_trigger {
	background: url('/images/style/icons/plus.png') no-repeat 5px center;
	background-size: 13px 13px;
	cursor: pointer;
}
td.toernooi_trigger.selected {
	background: url('/images/style/icons/min.png') no-repeat 5px center;
	background-size: 13px 13px;
	cursor: pointer;
}
tr.toernooi {
	/*background: #c1c1ff !important;*/
}
tr.toernooi.alternate {
	/*background: #d6d6ff !important;*/
}
tr.eerste_toernooi_wedstrijd td {
	border-top: 3px solid #c1c1c1;
}
tr.laatste_toernooi_wedstrijd td {
	border-bottom: 2px solid #c1c1c1;
}


/*
 * Agenda tabel
 */
.agenda_tabel .training {
	padding-left: 35px;
	background: url('/images/style/icons/training.png') no-repeat 5px center;
}
.agenda_tabel .overig {
	padding-left: 35px;
	background: url('/images/style/icons/calendar.png') no-repeat 10px center;
}


/*
 * Breedte van de kolommen
 */
th.col_naam {		width: 90px;}	td.col_naam {width: 90px; text-align: left !important;}
.col_icon {			width: 23px;}
.col_groot_icon {	width: 28px;}
.col_selecteren {	width: 23px;}
.col_wijzigen {		width: 23px;}
.col_verwijderen {	width: 23px;}
.col_aanwezigheid {	width: 23px;}
.col_aanwezigheid_selecteren {width: 23px;}
.col_aflasten {		width: 23px;}
.col_dag {			width: 88px;}
.col_datum {		width: 98px;}	.col_datum_small {width: 60px;}
.col_tijd {			width: 48px;}
.col_wedstrijdcode {width: 78px;}
.col_tegenstander {	width: 158px;}
.col_waar {			width: 48px;}
th.col_info {		width: 73px;}	td.col_info {width: 22px;}
.col_aflasting {	width: 48px;}

.col_training_icon{	width: 40px;}	/* Deze komt voor in de tabel voor de agenda */
.col_activiteit{	width: 300px;}	/* Deze komt voor in de tabel voor de agenda */